body {
    background-color: black;
    color: white;
}

div {
    display: flex;
}

#leftLinks {
    width: 300px;
}
#leftLinks a:link {
    color: #00ccff;
    font-size: large;
}
#leftLinks a:visited {
    color: #00ccff;
}
#rightLinks {
    width: 300px;
    margin-left: 100px;
}
#rightLinks a:link {
    color: #00ccff;
    font-size: large;
}
#rightLinks a:visited {
    color: #00ccff;
}

#searchContainer {
    width: 600px;
}

/* 编辑框样式 */
textarea {
    background-color: #333; /* 深灰色背景 */
    color: white; /* 白色文字 */
    border: none; /* 去除边框 */
    padding: 10px; /* 内边距 */
    width: 100%;
    margin-bottom: 10px;
}

/* 按钮样式 */
.button-container {
    display: flex;
    flex-wrap: wrap;
    max-width: 100%; /* 设置最大宽度 */
}
.button-container button {
    flex-basis: 22%; /* 设置按钮的基础大小 */
    flex-grow: 1; /* 允许按钮平均填充可用空间 */
    margin: 5px;
    padding: 10px;
    font-size: 16px;
    background-color: #333; /* 深灰色背景 */
    color: white; /* 白色文字 */
    border: none; /* 去除边框 */
    padding: 10px; /* 内边距 */
    cursor: pointer; /* 光标样式 */
}
/* 鼠标悬停时按钮的样式 */
.button-container button:hover {
    background-color: #555; /* 略浅一些的灰色 */
}
